<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>永和小票</title>
		<!--样式设计-->
		<style>
			body{width: 350px;
			font-size:12px;/*字体大小*/
			}
			hr{
				/*实线soild dashed 虚线*/
			
				border:1px dashed  ;
			}
			/*对应单独样式进行设置*/
				/*class使用.please*/
				/*id使用#please*/
			.please{
				font-size: 24px;
				font-weight: bold;/*加粗*/
				}
				.self{
					/*padding修饰4周上右下左（顺时针一圈）*/
					padding-left: 100px;/*左边空一定距离*/
				}
				.note{
					/*padding: 25px 0px 25px 0px;*/
					margin-top: 25px ;
					margin-bottom:25px;
				}
				.img{
					padding-left:95px ;
				}
		</style>
	</head>
	<body>
	<div>顾客联</div>
	<div class="please">请您留意取餐账单号</div>
	<div class="self">自取顾客联</div>
	<div>永和大王(北三环西路店)</div>
	<div>010-12345678</div>
	<div class ="self">--结账单--</div>
	<div class="please">账单号:	P000010</div>
	<div>账单类型:堂食</div>
	<div>人数:1</div>
	<div>收银员:张静</div>
	<div>开单时间:2020-10-05 15:26:54</div>
	<div>结账时间:2020-10-05 15:34:16</div>
	<hr />
	
	<!--表格没有列的概念--，它叫单元格
	页面中换行会被解析一个空格 table表格 tr 行 td单元格
	align横向排列:left居左，center居中，right居右
	valign纵向排列:top居上，center居中，bottom居下-->
	<table border="0">
		<tr>
			<td width="50" align="center">数量</td>
			<td width="200">品项</td>
			<td width="50"align="center">金额</td>
		</tr>
		<tr>
			<td valign="top">1</td>
			<td>玉米肉松蛋饼2P<br/>
			1X--玉米肉松蛋饼<br/>
			1X--现磨豆浆(热/甜)
			</td>
			<td valign="top" align="center">8.00</td>
		</tr>
		</table>
		
		<hr />
		
		<table border="0">
		<tr>
			<td width="255">合计</td>
			<td width="50" align="center">8.00</td>
		</tr>
		<tr>
				<td width="250">微支付</td>
				<td width="50"align="center">8.00</td>
			</tr>
		</table>
		<hr />
		<div>打印时间:2020-10-05 15:35-17</div>
		<hr/>
		<!--&nbsp;代表一个空格，7个等价于两个汉字的空格-->
		<div class="note">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，
		如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。
		此二维码30天有效，扫描时请保持小票平整。</div>
		<!--引入图片 值设置一个，他会等比缩放-->
		<img class="img" src ="images/111.png" width="150"/>
		<div>官网:www.yonghe.com.cn</div>
		<div>加盟热线:0-123456789 或 1-123456789</div>
		<br />
		<br />
	</body>
</html>
